.carMap {
    // height: 80.96vh;
    height: 60vh;
    widows: 9rem;
    overflow-y: scroll;
    .map {
        width: 100%;
        height: 80.96vh;
        h3 {
            height:4.12vh;
            font-size:.53rem;
            font-weight:500;
            color:rgba(39,39,39,1);
            line-height:4.12vh;
            margin-bottom: 2.62vh;
        }
    }
}
.containBox {
    position: relative;
    left: 0;
    top: 0;
    height: 76.39vh;
    width: 9rem;
    margin: 0 auto;
    background-size: 9rem auto;
    font-size: 0px;
    .backImg {
        width: 9rem;
        height: 76.39vh;
    }
  }
   .needImg {
    padding-top: 0.2vh;
    width: .71rem;
    height: 2.1vh;
  }
  .box_down,.box_top {
    .needImg {
      width: .37rem;
      height: 3.97vh;
    }
  }
  .containBox .tip_text {
    position: absolute;
    text-align: center;
    width: 160px;
    height: 120px;
    margin: 10px auto;
    color: #61fbad;
    font-family: "Microsoft JhengHei";
    font-weight: 700;
  }
   .box_left,
   .box_right,
   .box_top,
   .box_down
   {
    position: relative;
    display: inline-block;
  }
  .containBox .leftimgtext {
    position: absolute;
    width: 100%;
    text-align: right;
    top: -6px;
    right: 19px;
    color: #000;
    z-index: 1000;
  }
  .containBox .rightimgtext {
    position: absolute;
    width: 100%;
    text-align: right;
    top: -10px;
    right: -21px;
    color: #000;
    z-index: 1000;
  }
  .containBox .left_col1,
  .containBox .left_col4 {
    position: absolute;
    width: .83rem;
    height: 77.21vh;
  }
  .containBox .left_col1 {
    top: 1.65vh;
    left: .07rem;
  }
  .containBox .left_col1 .rightimgtext {
    top: -4px;
  }
  .containBox .placeBox {
    width: 100%;
    height: 4.15vh;
  }
  .containBox .placeBox-sm {
    width: 100%;
    height: 3.45vh;
  }
  .containBox .placeBigBox {
    width: 100%;
    height:  9.70vh;
  }
  .containBox .left_col2,
  .containBox .left_col3 {
    position: absolute;
    width: 1.65rem;
    height:  76.39vh;
  }
  .containBox .left_col2 .after_col,
  .containBox .left_col3 .after_col {
    position: absolute;
    height: 39.73vh;
    width: .73rem;
    top:  40.10vh;
    left: 1.17rem;
  }
  .containBox .left_col2 .first_col,
  .containBox .left_col3 .first_col,
  .containBox .left_col2 .second_col,
  .containBox .left_col3 .second_col,
  .containBox .left_col2 .before_col,
  .containBox .left_col3 .before_col {
    width: .73rem;
    height: 77.21vh;
    display: inline-block;
  }
  .containBox .left_col2 {
    top: 1.65vh;
    left: 1.87rem;
  }
  .containBox .left_col3 {
    top: 0.45vh;
    left: 4.46rem;
  }
  .containBox .left_col3 .offsetMargin {
    position: absolute;
    bottom:  4.90vh;
    right: .4rem;
  }
  .containBox .left_col4 {
    top:  6.48vh;
    left: 7.22rem;
  }
  .margin-sm {
    margin-top: 0.82vh;
  }
  .margin-md {
    margin-top:  1.12vh;
  }
  .rotate_txt {
    transform: rotate(90deg);
  }
  .opprotate_txt {
    transform: rotate(-90deg);
  }

  @function px2rem($px, $font:75) {
    @return ($px / $font) * 1rem;
  }
  @function px2vh($px, $height:13.34) {
    @return ($px /$height) * 1vh;
  }
  .bareabox {
      position: relative;
      left: 0;
      top: 0;
      font-size: 0;
      $width: .88rem;
      $top:2.55vh;
      $height:80.58vh;
      width: 9rem;
      height: 80.58vh;
      .bimg {
        z-index: -1000;
        width: 9rem;
        height: 80.58vh;
      }
      .bfirst {
        position: absolute;
        width: $width;
        height:$height;
        text-align: center;
        top:0.3vh;
        left:  1.10rem;
        .marginBottom {
          margin-bottom:  0.37vh;
        }
        .box_space {
         display: inline-block;
         width: 100%;
         height: 6.3vh;
          img {
            opacity: 0;
          }
        }
      }
      .bsecond {
        position: absolute;
        width: 2.45rem;
        top:$top;
        left: px2rem(180);
        .marginBigBottom {
          margin-bottom: 1.67vh;
        }
        .second_box_one,.second_box_second,.second_box_third{
          display: inline-block;
          vertical-align: top;
          width: px2rem(60);
          height: px2vh(1016);
        }
        .second_box_second {
          position: relative;
          .horTop {
            margin: .18rem auto;
          }
          .horBot {
            position: absolute;
            left: 0;
          bottom:  2.95vh;
            
          }
          .rotate_img {
            transform: rotate(90deg);
            --webkit-transform:rotate(90deg);
          }
          .opprotate_img{
            transform: rotate(-90deg);
            --webkit-transform:rotate(-90deg);
        }
        }
        .second_box_third .gangway {
           height:   6.80vh;
        }
        .midBottom {
          margin-bottom: 2.27vh;
        }
        .midBigBottom {
          margin-bottom: 3.17vh;
        }
        .midgangway {
          height: 6.65vh;
        }
        .thirdgangway {
          height: 5.95vh;
        }
      }
      .bthird {
        position: absolute;
        width: px2rem(124 );
        height:$height;
        top:$top;
        left: px2rem(397);
        .third_one,.third_two {
          display: inline-block;
          width: px2rem(60);
        }
        .marginBottom {
          margin-bottom:  1.07vh;
        }
      }
      .bfour {
        position: absolute;
        width: $width;
        height:$height;
        top:$top;
        text-align: center;
        left: px2rem(555 );
        .marginBottom {
          margin-bottom:  2.08vh;
        }
      }
  }
  .careabox {
      position: relative;
      left: 0;
      top: 0;
      $width: .88rem;
      $top:15.55vh;
      $height:15.44vh;
      font-size: 0;
      .rotate_img {
        transform: rotate(90deg);
        --webkit-transform:rotate(90deg);
      }
      .opprotate_img{
        transform: rotate(-90deg);
        --webkit-transform:rotate(-90deg);
    }
      @mixin positionSet($top,$value,$isLeft) {
        @if $isLeft {
          position: absolute;
          top:$top;
          left: $value;
        }@else {
          position: absolute;
          top:$top;
          right: $value;
        }
         
      }
      @mixin displayType {
        display: inline-block;
        vertical-align: top;
      }
     width: 9rem;
     height: px2vh(952);
     .cimg {
        height: px2vh(952);
        width: 9rem;
        position: absolute;
        left: 0;
        top:0;
     }
     .carea_top {
        position: absolute;
        top: 7.51vh;
        left: 2.58rem;
        width: px2rem(174 );
        height: px2vh(63);
        .needImg {
          padding-left: .08rem;
        }
     }
     .left_area {
        width: $width;
        position: absolute;
        text-align: center;
        left:  .69rem;
        top: 8.26vh;
        height: px2vh(776 );
        .left_area_bottom {
           margin-bottom: 0.5vh;
        }
        .margin_bottom {
           margin-bottom: 8vh;
        }
     }
     .right_area {
       width: $width;
       .mid_min {
        margin-bottom: 2vh;
        }
       @include positionSet($top, 0.58rem,false);
     }
     .carea_bottom {
        height: 5.1vh;
        width: 3.95rem;
        position: absolute;
        bottom: 0;
        left: 1.68rem;
        .needImg {
          padding-left: .04rem;
          width: .37rem;
          height: 3.97vh;
        }
     }
     .middle_box {
        position: absolute;
        top: $top;
        left: 2.015rem;
        width: 5.12rem;
        height: 47.53vh;
        .mid-space {
           margin-bottom: 1.28vh;
        }
        .mid_min {
           margin-bottom: 2vh;
        }
        .mid_min_min {
          margin-bottom: 1.58vh;
        }
        .mid_special {
          margin-bottom: 0.5vh;
        }
        .rotatebox {
          @include displayType();
          width: 100%;
          height:  9.2vh;
          #C036 {
            position: absolute;
            left: 0.19rem;
            bottom:  -8vh;
          }
          #C035 {
            position: absolute;
            left: 0.19rem;
            bottom: -3vh;
          }
        }
        .bigspacebox {
          @include displayType();
          width: 100%;
          height:  6.94vh;
        }
        .middle1 {
          @include displayType();
          width: px2rem(58 );
          height: px2vh(630 );
        }
        .middle3 {
           margin-left: 0.19rem;
        }
        .mid0 {
          margin-left: 0.29rem;
        }
     }
  }